<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <!-- 自己的css -->
  <link rel="stylesheet" href="./css/index.css">
  <link rel="stylesheet" href="./css/common.css">

  <!-- js库 -->
  <script src="./bil/jquery-1.11.3/jquery.js"></script>

</head>

<body>
  <!-- 头部 -->
  <div id="head">
    <!-- 顶部导航-->
    <div class="topNav">
      <div class="container clearfix">
        <div class="topnav-url fl clearfix">
          <span>legochina.cn</span>
        </div>
        <!-- 登录注册 -->
        <div class="link-login fr">
          欢迎光临乐购,请<a class="register" href="#"> 登陆</a>\
          <a class="login" href="#">注册</a>
        </div>
      </div>
    </div>
    <!-- 购物车和我的订单 -->
    <div class="container clearfix">
      <div class="shop">
        <input class="search" type="text" placeholder="搜索">
        <span class="search-btn"></span>
        <span class="shopping-cart">
          <span class="shopping-logo"></span>
          <a href="#">购物车</a>
          <span>0</span>
        </span>
        <span class="my-order">
          <a href="#">我的订单</a>
        </span>
      </div>
      <!-- 导航 -->
      <div class="nav">
        <img src="./img/LOGO_02.jpg" alt="">
        <div>
          <a href="#">图书</a>
          <a href="#">电子书</a>
          <a href="#">原创文学</a>
          <a href="#">服装</a>
          <a href="#">运动户外</a>
          <a href="#">孕婴童</a>
          <a href="#">家居</a>
          <a href="#">创意文具</a>
          <a href="#">地方特产</a>
          <a href="#">电器城</a>
        </div>
      </div>
    </div>
  </div>

  <div>111</div>
  <!-- 尾部 -->
  <div id="footer">
    <div class="footer-nav">
      <div class="container service clearfix">
        <div class="fl genuine">
          <img src="./img/footer_03.jpg" alt="">
          <span>
            正规渠道正品保障
          </span>
        </div>
        <div class="fl">
          <img src="./img/footer_05.jpg" alt="">
          <span>
            放心购物货到付款
          </span>
        </div>
        <div class="fl">
          <img class="arrive" src="./img/footer_07.jpg" alt="">
          <span>
            625城市次日到达
          </span>
        </div>
        <div class="fl">
          <img src="./img/footer_09.jpg" alt="">
          <span>
            上门退货当面退款
          </span>
        </div>
      </div>
      <!-- 帮助 -->
      <div class="container">
        <div class="clearfix help">
          <!-- 购物指南 -->
          <ul class="shopping-guide fl">
            <li>
              <h4>购物指南</h4>
            </li>
            <li>
              <a href="#">购物流程</a>
            </li>
            <li>
              <a href="#">发票制度</a>
            </li>
            <li>
              <a href="#">账户管理</a>
            </li>
            <li>
              <a href="#">会员优惠</a>
            </li>
          </ul>
          <!-- 支付方式 -->
          <ul class="fl">
            <li>
              <h4>支付方式</h4>
            </li>
            <li>
              <a href="#">货到付款</a>
            </li>
            <li>
              <a href="#">网上支付</a>
            </li>
            <li>
              <a href="#">礼品卡支付</a>
            </li>
            <li>
              <a href="#">银行转帐</a>
            </li>
          </ul>
          <!-- 订单服务 -->
          <ul class="fl">
            <li>
              <h4>订单服务</h4>
            </li>
            <li>
              <a href="#">订单配送查询</a>
            </li>
            <li>
              <a href="#">订单状态说明</a>
            </li>
            <li>
              <a href="#">自助取消订单</a>
            </li>
            <li>
              <a href="#">自助修改订单</a>
            </li>
          </ul>
          <!-- 退换货 -->
          <ul class="fl">
            <li>
              <h4>退换货</h4>
            </li>
            <li>
              <a href="">退换货政策</a>
            </li>
            <li>
              <a href="">自助申请退换货</a>
            </li>
            <li>
              <a href="">退换货进度查询</a>
            </li>
            <li>
              <a href="">退款方式和时间</a>
            </li>
          </ul>
          <!-- 商家服务 -->
          <ul class="fl">
            <li>
              <h4>商家服务</h4>
            </li>
            <li>
              <a href="#">商家中心</a>
            </li>
            <li>
              <a href="#">运营服务</a>
            </li>
            <li>
              <a href="#">加入尾品汇</a>
            </li>
          </ul>
          <!-- 尾部logo -->
          <div class="footer_logo  fl">
            <img src="./img/logo_00.png" alt="">
          </div>
        </div>
      </div>
      <!-- 链接 -->
      <div class="copyright_links">
        <ul>
          <li>
            <a href="#">公司简介</a><span class="copyright_split">|</span>
          </li>
          <li>
            <a href="#">Investor Relations</a><span class="copyright_split">|</span>
          </li>
          <li>
            <a href="#">网站联盟</a><span class="copyright_split">|</span>
          </li>
          <li>
            <a href="#">乐购招商</a><span class="copyright_split">|</span>
          </li>
          <li>
            <a href="#">机构销售</a><span class="copyright_split">|</span>
          </li>
          <li>
            <a href="#">手机乐购</a><span class="copyright_split">|</span>
          </li>
          <li>
            <a href="#">官方Blog</a><span class="copyright_split">|</span>
          </li>
          <li>
            <a href="#">热词搜索</a>
          </li>
        </ul>
      </div>
      <!--  版权  -->
      <div class="copyright_cert">Copyright (C) 乐购网 2004-2016, All Rights Reserved</div>
    </div>
  </div>
  <!-- 自己写的js -->
  <script src=""></script>

</body>

</html>